.page-reward{
    margin:20px auto;
    .dashang{
        display: block;
        width: 56px;
        margin: auto;
        height: 56px;
        line-height: 56px;
        font-size: 20px;
        color: #fff;
        border: none;
        background: #4094c7;
        border-radius: 50%;
        text-align: center;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out;
        &:before{
            display:none;
        }
        &:hover, &:active{
            box-shadow: 0 6px 12px rgba(0,0,0,0.2),0 4px 15px rgba(0,0,0,0.2);
        }
    }
    .hide_box{
        z-index:999;
        background:#000;
        opacity: 0.5;
        -moz-opacity: 0.5;
        left:0;
        top:0;
        height:99%;
        width:100%;
        position:fixed;
        display:none;
    }
    .shang_box{
        width:540px;
        height:450px;
        padding:10px;
        background-color:#3f3f3f;
        border-radius:10px;
        position:fixed;
        z-index:1000;
        left:50%;
        top:50%;
        margin-left:-280px;
        margin-top:-225px;
        border:1px dotted #000;
        display:none;
        img{
            border:none;
            border-width:0;
        }
    }
    .shang_close{
        position: absolute;
        display: inline-block;
        font-weight: 200;
        font-size: 40px;
        right: 10px;
        outline: none;
        text-shadow: none;
    }
    .shang_tit{
        width: 100%;
        font-family: Roboto, "Roboto", serif;
        height: 75px;
        text-align: center;
        line-height: 66px;
        color: #FFF;
        font-size: 30px;
        margin-top: 7px;
        margin-right: 2px;
        p{
            color:#a3a3a3;
            text-align:center;
            font-size:16px;
        }
    }
    .shang_payimg{
        width:140px;
        padding:10px;
        border:6px solid #4094c7;
        margin:0 auto;
        border-radius:3px;
        height:140px;
        img{
            display:block;
            text-align:center;
            width:140px;
            height:140px;
        }
    }
    .shang_payselect{
        text-align:center;
        margin:0 auto;
        margin-top:40px;
        height:60px;
        width:320px;
        .pay_item{
            display:inline-block;
            margin-right:10px;
            float:left;
        }
    }
    .shang_logo{
        display:block;
        text-align:center;
        margin:20px auto;
    }
    .pay_explain{
        text-align:center;
        margin:10px auto;
        font-size:12px;
        color:#FFF;
    }
    .radiobox{
        width: 10px;
        height: 10px;
        border: 3px solid #4094c7;
        border-radius: 50%;
        display: block;
        float: left;
        margin-top: 10px;
        margin-right: 14px;
    }
    .checked .radiobox{
        background:#4094c7;
    }
    .shang_info{
        clear:both;
        p,a{
            color:#C3C3C3;
            text-align:center;
            font-size:12px;
            text-decoration:none;
            line-height:2em;
        }
    }
    .pay_logo img{
        height: 36px;
    }
}
@media screen and (max-width: 800px){
    .page-reward .shang_box{
        width: 100%;
        box-sizing: border-box;
        left: 0;
        top: initial;
        bottom: 0;
        margin: 0;
    }
}